<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="lib/doc.css">
    <link rel="stylesheet" href="lib/main.css">
    <link rel="stylesheet" href="v1.x/crazyTable/crazyTable.css">
    <title>crazyTable</title>

</head>
<body>
<div class="doc-layout">
    <div class="crazy-side">
        <h1>CrazyTable</h1>
        <ul>
            <li><a href="index.html" class="crazy-this">介绍</a>
                <div>
                    <ul>
                        <li><a href="#files">- 产品目录</a></li>
                        <li><a href="#updateLog">- 更新日志</a></li>
                    </ul>
                </div>
            </li>
            <li><a href="view/crazyTable.html">安装和使用</a></li>
            <li><a href="view/crazyFilter.html">1.表头过滤</a></li>
            <li><a href="view/crazyEdit.html">2.单元格编辑</a></li>
            <li><a href="view/crazyChild.html">3.子表扩展</a></li>
            <li><a href="view/crazyBox.html">Box数据说明</a></li>
        </ul>

    </div>

    <div class="doc-content" id="doc-content">
        <div class="layui-main">
            <h1 class="doc-h1">CrazyTable - 疯狂的表格组件</h1>
            <div class="layui-text">
                在项目中，我们经常需要用到，表格字段的筛选、单元格编辑等功能。现有的layui table 在这方面功能还不够强大。
                参考了社区很多优秀的第三方插件，我汇总了一下，制作了一个 crazy Table 插件。将会陆续将比较好的插件改进、集成进来。
            </div>

            <div class="layui-text"></div>

            <div id="files">
                <fieldset class="layui-elem-field layui-field-title">
                    <legend>产品目录</legend>
                </fieldset>
                <div class="layui-text">
                    <p>本项目，一共包含了非常多的子插件。 <span class="layui-badge layui-bg-orange">理论上支持单独使用部分插件，未充分验证</span>
                    </p>

                    <pre class="layui-code" lay-encode="true">
        - crazyTable.js
            - crazyEdit.js      // 单元格编辑
            - crazyFilter.js    // 表头过滤
            - crazyChild.js     // 扩展表格

            - crazyBox.js       // 这个插件非常有用，可以单独使用，任何想要单独弹窗的都可以使用这个插件
            - crazyIcon.js      // 这个是单元格后面加载的小图标
            - crazyToolbar.js   // 配合table的toolbar使用，页面上只需要定义好对应的对象就行

            // 以下部分，都是一些非常实用的子插件
            - crazyData.js      // 对table 渲染的数据的各种处理
            - crazyDate.js      // 时间插件，支持时间格式化等操作，专门支持了laydate 的时间格式
            - crazyHttp.js      // 支持ajax 和herf 两种http请求，非常实用
            - crazyQuery.js     // 支持 table 的各种查询和处理
            - crazyTips.js      // 支持 tips 的各种操作，可以直接给单元格悬停等增加tips
            - crazyTool.js      // 各种自定义的常用方法
            - crazyUpload.js    // 在table 的toolbar 中使用的upload
            - crazyVerify.js    // 支持 单元格 输入验证

                </pre>
                </div>
            </div>

            <div id="updateLog">
                <fieldset class="layui-elem-field layui-field-title">
                    <legend>更新日志</legend>
                </fieldset>
                <ul class="layui-timeline">
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">2020-02-20</h3>
                            <p>期间学习了soulTable，tableFilter 等等优秀的插件。</p>
                            <p>而且近期因为疫情影响，一直窝在家里，就继续完善。</p>
                        </div>
                    </li>
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">2020-01-21</h3>
                            <p>完成初始版本</p>
                        </div>
                    </li>
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">2020-01-06</h3>
                            <p>客户项目有需求，开始接触layui table 的方法渲染，cool~开始写代码</p>
                        </div>
                    </li>
                </ul>
            </div>

            <!-- footer -->
            <div class="crazy-footer"></div>
        </div>
    </div>
</div>
<script type="text/javascript" src="lib/layui/layui.all.js"></script>
<!--<script type="text/javascript" src="lib/jquery1.11.1.min.js"></script>-->

</body>
</html>